<template>
  <div>
    <!-- <h3>child组件 --- {{ title }}</h3> -->
    <!-- <h3>child组件 --- {{ title() }}</h3> -->
    <h3>child组件 --- {{ title }}</h3>
    <!-- <button @click="getParent">获取父组件中的数据</button> -->
  </div>
</template>

<script>
export default {
  // 注入
  // 数组  写的比较的多
  // inject: ['title'],
  // 对象
  inject: {
    title: {
      // 默认值
      default: () => '默认值'
    }
    // title: {
    //   // 默认值
    //   default: () => () => '默认值'
    // }
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="scss" scoped></style>
